body{
	font-family: "Century Gothic","STHeiti","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}
.tittle{
	height: 140px;
}
.tittle-cn{
	font-size: 3rem;
	color: #012c3b;
	margin-top: 20px;
}

.dl{
	height: 420px;
	margin: 20px;
	padding: 40px 20px 20px 20px;
	box-shadow: 0 0 20px rgb(180,220,210);
	transition: all .5s ease;
}
.dl:hover
{
	box-shadow: 0 4px 30px rgb(110,200,210);
	transition: all .3s ease;
}
.dl img{
	height: 120px;
}
.dl-tittle{
	font-size: 2rem;
	font-weight: 400;
	line-height: 100px;
}
.dl a{
	display: block;
	width: 100px;
	margin-top: 30px;
	text-decoration: none;
	font-size: 1.7rem;
	margin-bottom: 0px;
	border-bottom: 1px solid rgb(30,190,155);
}
.dl a:hover{
	background:-webkit-linear-gradient(left,rgb(27,188,155),dodgerblue);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

@media only screen and (min-width:768px ) {
	.tittle{
	height: 240px;
	}
	.tittle-cn{
	margin-top: 100px;
	}

}